<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
<input type="text" name="username" placeholder="请输入用户名">
<input type="password" name="password" value="123456" autofocus>
<input type="range" name="email" step="10" required>
<input type="date" name="dateTime">
<input type="file" name="hello" accept="image/*">
<input type="hidden" name="hide">

<div style="border: solid 0 #ccc; padding:10px; margin:10px;">
    <input type="range" min="0" max="100" step="5" style="width:200px;">
    <p style="margin: 0;padding: 0;border: 0;">试试拖动这个滑动条，感受一下！</p>
</div>

<input type="text" list="countries" name="country">
<datalist id="countries">
    <option value="中国">
    <option value="美国">
</datalist>


<textarea style="resize: none" rows="4" cols="5" placeholder="请输入留言"></textarea>
</body>
</html>